<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>心悦酒店管理系统(xinyue.com)-酒店预订、酒店查询、宾馆住宿预订</title>
    <!-- App favicon -->
    <link rel="shortcut icon" href="/assets/images/favicon.ico">

    <link href="/assets/plugins/jvectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet">

    <!-- App css -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/icons.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/metismenu.min.css" rel="stylesheet" type="text/css" />
    <link href="/assets/css/style.css" rel="stylesheet" type="text/css" />
    <!-- 引入axios -->
    <script src="/app/vue/axios/axios.min.js"></script>
    <!-- sweet-alert -->
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
<div id="index_vue">
    <!-- Top Bar Start -->
    <div class="topbar">
        <!-- Navbar -->
        <nav class="navbar-custom">

            <!-- LOGO -->
            <div class="topbar-left">
                <a th:href="@{'/hotel/manage/index?user_id=' + ${user_info.id}}" class="logo">
                    <span>
                        <img src="/assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
                    </span>
                    <span>
                        <img src="/assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
                    </span>
                </a>
            </div>

            <ul class="list-unstyled topbar-nav float-right mb-0">

                <li class="dropdown">
                    <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" th:href="@{'/app/index/' + ${user_info.id}}">
                        <i class="mdi mdi-home-outline nav-icon"></i>
                    </a>

                </li>

                <li class="dropdown">
                    <a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown"
                        href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <img th:src="${user_info.thumb}" alt="profile-user" class="rounded-circle" />
                        <span class="ml-1 nav-user-name hidden-sm">
                            <i class="mdi mdi-chevron-down"></i> </span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a th:if="${user_info.type != 3}" class="dropdown-item" target="mainframe" th:href="@{'/hotel/users/charge/' + ${user_info.id}}"><i
                                class="dripicons-user text-muted mr-2"></i> 我的钱包</a>
                        <a class="dropdown-item" target="mainframe" th:href="@{'/hotel/users/profile/' + ${user_info.id}}"><i
                                class="dripicons-user text-muted mr-2"></i> 资料更新</a>
                        <a class="dropdown-item" target="mainframe" th:href="@{'/hotel/users/password/' + ${user_info.id}}"><i
                                class="dripicons-gear text-muted mr-2"></i> 密码设置</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="/hotel/manage/quit?retUrl=index.html"><i
                                class="dripicons-exit text-muted mr-2"></i> 注销登录</a>
                    </div>
                </li>
            </ul>
            <ul class="list-unstyled topbar-nav mb-0">
                <li>
                    <button class="button-menu-mobile nav-link waves-effect waves-light">
                        <i class="mdi mdi-menu nav-icon"></i>
                    </button>
                </li>
            </ul>
        </nav>
        <!-- end navbar-->
    </div>
    <!-- Top Bar End -->
    <div class="page-wrapper-img">
        <div class="page-wrapper-img-inner">
            <div class="sidebar-user media">
                <img th:src="${user_info.thumb}" alt="user" class="rounded-circle img-thumbnail mb-1">
                <span class="online-icon"><i class="mdi mdi-record text-success"></i></span>
                <div class="media-body">
                    <h5 class="text-light" th:text="'欢迎您，' + ${user_info.username}"></h5>
                    <ul class="list-unstyled list-inline mb-0 mt-2">
                        <li class="list-inline-item">
                            <a target="mainframe" th:href="@{'/hotel/users/profile/' + ${user_info.id}}" class=""><i
                                    class="mdi mdi-settings text-light"></i></a>
                        </li>
                        <li class="list-inline-item">
                            <a target="mainframe" th:href="@{'/hotel/users/password/' + ${user_info.id}}" class=""><i
                                    class="mdi mdi-account text-light"></i></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="/hotel/manage/quit?retUrl=index.html" class=""><i
                                    class="mdi mdi-power text-danger"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- Page-Title -->
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="float-right align-item-center mt-2">
                            <a class="btn btn-danger" href="/hotel/users/sq" th:if="${user_info.type == 1 && user_info.grade == null}">我要申请会员</a>
                            <a class="btn btn-danger" href="javascript:;" th:if="${user_info.type == 1 && user_info.grade == null}">申请会员审核中</a>
                            <button onclick="$('#iframe').attr('src','/hotel/users/charge')"
                                class="btn btn-info px-4 align-self-center report-btn" th:if="${user_info.type != 3}">我的钱包</button>
                        </div>
                        <h4 class="page-title mb-2"><i class="mdi mdi-monitor mr-2"></i>
                            <span class="badge badge-danger" th:if="${user_info.type == 1}">普通用户</span>
                            <span class="badge badge-warning" th:if="${user_info.type == 2}">会员</span>
                            <span class="badge badge-primary" th:if="${user_info.type == 3}">管理员</span>
                        </h4>
                        <div class="">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0)" class="nima_jquery">Home</a></li>
                                <li class="breadcrumb-item active">welcome</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title end breadcrumb -->
        </div>
    </div>

    <div class="page-wrapper">
        <div class="page-wrapper-inner">

            <!-- Left Sidenav -->
            <div class="left-sidenav">
                <ul class="metismenu left-sidenav-menu" id="side-nav">

                    <li class="menu-title">Main</li>
                    <li th:if="${user_info.type != 3}">
                        <a target="mainframe" href="/hotel/apply/apply/list1">
                            <i class="mdi mdi-format-list-bulleted-type"></i>
                            <span>订单管理</span>
                            <span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span>
                        </a>
                    </li>
                    <li th:if="${user_info.type != 3}">
                        <a target="mainframe" href="/hotel/apply/report">
                            <i class="mdi mdi-poll"></i>
                            <span>数据统计</span>
                            <span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span>
                        </a>
                    </li>
                    <li th:if="${user_info.type == 3}">
                        <a href="javascript: void(0)" class="nima_jquery"><i class="mdi mdi-apps">
                        </i><span>用户管理</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a target="mainframe" href="/hotel/users/users/list"><span>用户管理</span></a></li>
                            <li><a target="mainframe" href="/hotel/users/users/add"><span>创建用户</span></a></li>
                        </ul>
                    </li>
                    <li th:if="${user_info.type == 3}">
                        <a href="javascript: void(0)" class="nima_jquery"><i class="mdi mdi-buffer"></i><span>客房管理</span><span
                                class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a target="mainframe" href="/hotel/house/house/list">房间管理</a></li>
                            <li><a target="mainframe" href="/hotel/house/house/add">发布房间</a></li>
                        </ul>
                    </li>
                    <li th:if="${user_info.type == 3}">
                        <a href="javascript: void(0)" class="nima_jquery"><i class="mdi mdi-file"></i><span>栏目管理</span><span
                                class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a target="mainframe" href="/hotel/cates/cates/list">栏目管理</a></li>
                            <li><a target="mainframe" href="/hotel/cates/cates/add">创建栏目</a></li>
                        </ul>
                    </li>
                    <li th:if="${user_info.type == 3}">
                        <a href="javascript: void(0)" class="nima_jquery">
                            <i class="mdi mdi-cards-playing-outline"></i><span>内容管理</span><span
                                class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a target="mainframe" href="/hotel/news/news/list">内容管理</a></li>
                            <li><a target="mainframe" href="/hotel/news/news/add">在线发布</a></li>
                        </ul>
                    </li>
                    <li th:if="${user_info.type == 3}">
                        <a href="javascript: void(0)" class="nima_jquery"><i
                                class="mdi mdi-clipboard-outline"></i><span>轮播图管理</span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a target="mainframe" href="/hotel/ads/ads/list">轮播图管理</a></li>
                            <li><a target="mainframe" href="/hotel/ads/ads/add">上传轮播图</a></li>
                        </ul>
                    </li>
                    <li th:if="${user_info.type == 3}">
                        <a target="mainframe" href="/hotel/apply/apply/list">
                            <i class="mdi mdi-format-list-bulleted-type"></i><span>订单管理</span><span
                                class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
                    </li>
                    <li th:if="${user_info.type == 3}">
                        <a target="mainframe" href="/hotel/apply/report"><i
                                class="mdi mdi-poll"></i><span>数据统计</span><span class="menu-arrow"><i
                                    class="mdi mdi-chevron-right"></i></span></a>
                    </li>
                </ul>
            </div>
            <!-- end left-sidenav-->

            <!-- Page Content-->
            <div class="page-content">
                <div class="container-fluid">
                    <div class="row">
                        <iframe name="mainframe" src="/hotel/apply/report" id="iframe"
                            style="min-height:1200px;overflow:hidden;" width="100%" height="100%"
                            frameborder="0"></iframe>
                    </div>
                    <!--end row-->
                </div><!-- container -->
            </div>
            <!-- end page content -->
        </div>
    </div>
    <!-- end page-wrapper -->
</div>
    <!-- jQuery -->
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/metisMenu.min.js"></script>
    <script src="/assets/js/waves.min.js"></script>
    <script src="/assets/js/jquery.slimscroll.min.js"></script>

    <script src="/assets/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script>
    <script src="/assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

    <script src="/assets/plugins/moment/moment.js"></script>
    <script src="/assets/plugins/apexcharts/apexcharts.min.js"></script>

    <script src="/assets/pages/jquery.dashboard.init.js"></script>
    <!-- App js -->
    <script src="/assets/js/app.js"></script>
    <link href="/toastr-master/toastr.min.css" rel="stylesheet" type="text/css" />
    <script src="/toastr-master/toastr.min.js"></script>
    <!-- <script src="/assets/vue/index.js"></script> -->
</body>

</html>